// 发现-活动详情style
@import '../../app.scss';
@import '../components/major_class.scss';

body {
    padding-top: rem(3.3867)
}

.banner {
    width: rem(20);
    height: rem(12.1067);

    img {
        width: 100%;
        height: 100%;
    }
}

.biaoti {
    width: rem(18.5067);
    height: rem(4.3733);

    margin: auto;
    font-size: rem(1);
    @include myflex ();
}

.xingxi1 {
    width: rem(18.7733);
    height: rem(2.6667);
    border-top: rem(.0267) solid $Darkgrey-color;
    margin: auto;
    @include myflex(row, space-between);
    padding-right: rem(.2667);
    box-sizing: border-box;

    .left {
        @include myflex();

        img {
            height: rem(.9867);
            margin: rem(.2667);

        }

        span {
            font-size: rem(.7467);

        }
    }

    .right {
        width: rem(.6);
        height: rem(.6);

        border: rem(.0533) solid $Darkgrey-color {
            left: 0;
            bottom: 0;
        }

        transform: rotate(45deg);

    }

}

.xingxi2 {
    width: rem(18.7733);
    height: rem(2.6667);
    border-top: rem(.0267) solid $Darkgrey-color;
    margin: auto;
    @include myflex(row, space-between);
    padding-right: rem(.2667);
    box-sizing: border-box;

    .left {
        @include myflex();

        img {
            height: rem(.9867);
            margin: rem(.2667);

        }

        span {
            font-size: rem(.7467);

        }

        p {
            font-size: rem(.7467);
            color: $Darkgrey-color;
        }
    }

    .right {
        width: rem(.6);
        height: rem(.6);

        border: rem(.0533) solid $Darkgrey-color {
            left: 0;
            bottom: 0;
        }

        transform: rotate(45deg);

    }

}

.xingxi3 {
    width: rem(18.7733);
    height: rem(2.6667);
    border-top: rem(.0267) solid $Darkgrey-color;
    margin: auto;
    @include myflex(row, space-between);
    padding-right: rem(.2667);
    box-sizing: border-box;

    .left {
        @include myflex();

        img {
            height: rem(.9867);
            margin: rem(.2667);

        }

        span {
            font-size: rem(.7467);

        }

    }

    .right {
        width: rem(.6);
        height: rem(.6);

        border: rem(.0533) solid $Darkgrey-color {
            left: 0;
            bottom: 0;
        }

        transform: rotate(45deg);

    }

}

.touxiang-ji {
    width: rem(20);
    height: rem(3.44);
    border-top: rem(.4333) solid $hui-color;
    border-bottom: rem(.4333) solid $hui-color;
    @include myflex ();

    img {
        height: rem(1.8933);
        margin: 0 rem(.5333);
    }

    span {
        font-size: rem(.58);
        color: $Darkgrey-color;

    }
}

.banner2 {
    width: rem(20);
    height: rem(3.04);
    

    img {
        width: rem(20);
        height: rem(3.04);
    }
}

.anniu {
    @include myflex ();

    .zuo {
        width: rem(8);
        height: rem(2.6667);
        line-height:rem(2.7667) ;
        p{
            color: $red-color;
            font-size:rem(.96);
            margin-left: rem(.6667);
        }
    }

    .you {
        width: rem(12);
        height: rem(2.6667);
        color: $white-color;
        background: $blue-color;
        text-align: center;
        line-height:rem(2.6667) ;
        font-size:rem(.96) ;
    }
}